<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>demo4</title>
</head>
<body>
    <!-- table 标签: 表示整个表格
    tr: 表示表格的一行
    td: 表示一个单元格
    th: 表示表头单元格. 会居中加粗
    thead: 表格的头部区域(注意和 th 区分, 范围是比 th 要大的)
    tbody: 表格得到主体区域.
 -->

    <!-- align 是表格相对于周围元素的对齐方式. align="center" (不是内部元素的对齐方式)
        border 表示边框. 1 表示有边框(数字越大, 边框越粗), "" 表示没边框.
        cellpadding: 内容距离边框的距离, 默认 1 像素
        cellspacing: 单元格之间的距离. 默认为 2 像素
        width / height: 设置尺寸
 -->

    <!-- <table align="center" border="1" cellpadding="20" cellspacing="0" width="500"
    height="500">
       <tr>
        <td>姓名</td>
        <td>性别</td>
        <td>年龄</td>
       </tr>

       <tr>
        <td>张三</td>
        <td>男</td>
        <td>18</td>
       </tr>

       <tr>
        <td>张美</td>
        <td>女</td>
        <td>20</td>
       </tr>
    </table> -->


    <!--跨行合并: rowspan="n"
        跨列合并: colspan="n" 
-->
        <!-- <table align="center" border="1" cellpadding="20" cellspacing="0" width="500" height="500">
            <tr>
                <tr>
                    <td>姓名</td>
                    <td>性别</td>
                    <td>年龄</td>
                   </tr>
            
                   <tr>
                    <td>张三</td>
                    <td colspan="2">男</td>
                    <td rowspan="2">18</td>
                   </tr>
            
                   <tr>
                    <td>张美</td>
                    <td >女</td>
                    <td>20</td>
                   </tr>
            </tr>
        </table> -->

        <!--无序列表[重要] ul li , .
            有序列表[用的不多] ol li
            自定义列表[重要] dl (总标签) dt (小标题) dd (围绕标题来说明) 上面有个小标题, 下面有几个围绕
            着标题来展开的.
  -->
        <h3>无序列表</h3>
        <ul>
            <li>1</li>
            <li>1</li>
            <li>1</li>
        </ul>
        <h3>有序列表</h3>
        <ol>
            <li>2</li>
            <li>2</li>
            <li>2</li>
        </ol>
        <h3>自定义列表</h3>
        <dl>
            <dt>3</dt>
            <dt>3</dt>
            <dd>44</dd>
        </dl>

        
        
</body>
</html>